<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>当前订单</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <!-- UC应用模式 --> <meta name="browsermode" content="application">
    <!-- QQ应用模式 --> <meta name="x5-page-mode" content="app">

    <!-- 引入组件库 -->
    <link rel="stylesheet" href="../css/common/reset.css">
    <link rel="stylesheet" href="../css/common/layer.css">
    <link rel="stylesheet" href="../css/app/order-current.css">
    <!-- <link rel="stylesheet" href="static/dateRangeCss.css"> -->
    <script src="../js/common/flexible.js"></script>
    <script src="../js/common/jquery.min.js"></script>
    <script src="../js/common/Storage.js"></script>
    <script src="../js/common/tool.js"></script>
    <script src="../js/common/vue.js"></script>
    <script src="../js/common/config.js"></script>
    <script src="../js/common/layer.js"></script>
</head>
<div id="app">

    <div class="order-current">
        <div class="top-img">
            <img src="../assets/img/null-1.jpg">
        </div>
        <div class="flex-div">
            <div class="cont-num">
                <p>订单号:{{reserveNo}}</p>
                <p>入住分店:{{hotelName}}</p>
                <p>入住人:{{name}}</p>
                <p>手机号:{{mobile}}</p>
            </div>
        </div>

        <div class="flex-div">
            <div class="cont-num">
                <p>预订房型:{{roomTypeName}}</p>
                <p>房间数量:{{roomsNum}}间</p>
                <p>入住时间:{{inTime}}</p>
                <p>离店时间:{{outTime}}</p>
                <div class="cont-num-finish">
                    <p>订单总额:￥{{payPrice}}</p>
                    <p v-if="reserveStatus==5">预订未付</p>
                    <p v-if="reserveStatus==1">待入住</p>
                    <p v-if="reserveStatus==2">已完成</p>
                    <p v-if="reserveStatus==3">已取消</p>
                </div>

            </div>
        </div>
        <div class="flex-div">
            <div class="cont-bottom">
                <!--<p>预约服务</p>-->

                <p style="margin-right:0.5rem;" v-if="reserveStatus==5" @click="cancel">取消订单</p>
                <p v-if="reserveStatus==5"  @click="go_order">支付订单</p>
            </div>
        </div>

    </div>
</div>

<script src="../js/app/order-current.js"></script>
<script type="text/javascript">

</script>


</body>


</html>
